<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<!--<html lang="en">-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<!--    <script src="script/jquery-3.6.0.min.js"></script>-->
</head>
<body>
<div id="app">
    <a v-bind:href="url">点击一下</a>
    <input v-model="url">
    <input type="button" value="提交" v-on:click="show()">
</div>
<script src="script/vue.js"></script>

<script>
    new Vue({
        //vue指定作用范围，id为app的范围
        el:"#app",
        //数据
        // data:function () {
        //     return {url:"www.baidu.com"};
        // },
        //方法
        methods:{
            show(){
                alert("ok")
            }
        },
        //常用
        data(){
            return {
                url:"https://www.baidu.com"
            }
        }

    })
</script>
</body>
</html>